

.post-item
  align-items: center
  margin-bottom: 1rem
  margin-left: 0
  list-style-type: none

  .title
    position: relative
    width: 100%

    a
      display: block

      span
        background-color: var(--color-background)


  .meta
    z-index: 1
    display: block
    height: fit-content
    // margin-right: 16px
    // min-width: 100px
    color: var(--color-meta)
    text-align: right !important
    font-size: 10px

    time
      display: grid
      width: 74px
      background-color: var(--color-background)

@media (min-width: 480px)
  .post-list
    .post-item
      display: flex
      margin-bottom: 6px
      margin-left: 1rem

      .meta
        text-align: left
